/***
Theme Panel
***/
.theme-panel {
    width: 400px;
    margin-right: 1px;
    z-index: 999;
    float: right;
    position: relative;
}
.theme-panel > .toggler {
    top: 4px;
    right: 0;
    padding: 20px;
    cursor: pointer;
    position: absolute;
    background: #c9c9c9 url("img/icon-color.png") center no-repeat;
}
.theme-panel > .toggler:hover {
    background-color: #3d3d3d !important;
}
.theme-panel > .toggler-close {
    display: none;
    top: 4px;
    right: 0;
    padding: 20px;
    cursor: pointer;
    position: absolute;
    background: #3d3d3d url("img/icon-color-close.png") center no-repeat !important;
}
.theme-panel > .toggler-close:hover {
    background-color: #222 !important;
}
.theme-panel > .theme-options {
    top: 4px;
    right: 40px;
    display: none;
    position: absolute;
    background: #3d3d3d;
}
.theme-panel > .theme-options > .theme-option {
    color: #cfcfcf;
    padding: 15px;
    border-top: 1px solid #585858;
    margin-top: 0;
    margin-bottom: 0;
}
.theme-panel > .theme-options > .theme-option.theme-colors {
    border-top: 0;
}
.theme-panel > .theme-options > .theme-option > span {
    text-transform: uppercase;
    display: inline-block;
    width: 138px;
    font-size: 14px;
}
.theme-panel > .theme-options > .theme-option.theme-colors > span {
    display: block;
    width: auto;
}
.theme-panel > .theme-options > .theme-option > select.form-control {
    display: inline;
    width: 100px;
    text-transform: lowercase;
}
.theme-panel > .theme-options > .theme-option.theme-colors > ul {
    list-style: none;
    padding: 0;
    display: block;
    margin-bottom: 1px !important;
    margin-top: 10px;
}
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li {
    width: 37px;
    height: 37px;
    margin: 0 4px;
    cursor: pointer;
    list-style: none;
    float: left;
    border: solid 1px #707070;
}
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li:first-child {
    margin-left: 0;
}
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li:hover,
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.current {
    border: solid 2px #ebebeb;
}
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-black {
    background: #333438;
}
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-grey {
    background: #6d6d6d;
}
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-blue {
    background: #29a7e1;
}
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-brown {
    background: #623f18;
}
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-white {
    background: #fff;
}
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-green {
    background: #1b9451;
}
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-purple {
    background: #9c27b0;
}
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-red {
    background: #e51c23;
}
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-orange {
    background: #ff9800;
}
